<template>
	<view class="bookingList">
		<view class="book-notice padding25 ">
			<fui-icon name="notice" :size="30" color="#E84C57"></fui-icon>
			<text class="font26">请在办理时，向前台出示凭证！</text>
		</view>
		<view class="cancel-cont marin25 font28">
			订单明细内提及的房费和各项费用由微湖游支付至酒店。其他未提及的费用将由酒店收取。请在酒店前台报订单入住人姓名并出示有效证件办理入住。
		</view>
		<view class="input-cont marin25 font28"> 
			<fui-input disabled  labelColor='#7E7E7D' :padding="inputStyle" :labelSize="28" textRight label="酒店" > 如家画一系列-济宁微山风景区
			</fui-input>
			<fui-input disabled labelColor='#7E7E7D' :padding="inputStyle" :labelSize="28" textRight label="入住人"> 朱萍
			</fui-input>
			<fui-input disabled labelColor='#7E7E7D':padding="inputStyle" :labelSize="28" textRight label="入住" >2022-09-18
			</fui-input> 
			 <fui-input disabled labelColor='#7E7E7D':padding="inputStyle" :labelSize="28" textRight label="离店" >2022-09-20
			 </fui-input>
			 <fui-input disabled labelColor='#7E7E7D' :padding="inputStyle" :labelSize="28" textRight label="房型"> 惠选双床房
			 </fui-input>
			 <fui-input disabled labelColor='#7E7E7D' :padding="inputStyle" :labelSize="28" textRight label="房间数"> 1间
			 </fui-input>
			 <fui-input disabled labelColor='#7E7E7D' :padding="inputStyle" :labelSize="28" textRight label="支付方式"> 预付微湖游平台，由平台汇款给酒店
			 </fui-input>
			 <fui-input disabled labelColor='#7E7E7D' :padding="inputStyle" :labelSize="28" textRight label="订单号"> 13962864897128074923791
			 </fui-input>
			 <fui-input disabled labelColor='#7E7E7D' :padding="inputStyle" :labelSize="28" textRight label="实付金额"> ¥98
			 </fui-input> 
		</view>
		<view class="title-name marin25 font26">
			用户此单通过微湖游预订，发票部分由平台或商家提供，预订凭证由微湖游提供，特此证明。
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex';
	import {
		baseOssUrl,
	} from '@/common/settings';
	export default {
		//登录状态
		// computed: mapState(['isLogin']),
		computed: mapState(['userId']),
		data() {
			return {
				baseOssUrl: baseOssUrl,
				inputStyle: ['16rpx','0rpx','16rpx','0rpx'],
			}
		},
		methods: {
			leftClick() {
				uni.navigateBack({
					delta: 1
				});
			},

		}
	}
</script>


<style lang="scss" scoped>
	.bookingList {
		height: 100%;

		.book-notice {
			background-color: #FAE5E5;
			padding: 16rpx 30rpx;
			color: #E84C57;

			text {
				margin-left: 16rpx;
			}
		}

		.cancel-cont {
			background: #FFFFFF;
			border-radius: 16rpx;
			margin-top: 24rpx;
			padding: 24rpx;

		}
		.input-cont{
			background: #FFFFFF;
			border-radius: 16rpx;
			margin-top: 24rpx;
			padding: 24rpx;
			 
		}
		.title-name{
			margin-top: 24rpx;
			color: #A2A2A2;
			text-align: center;
			line-height: 40rpx;
		}




	}
</style>
